<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/easyui/css/default.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/easyui/themes/black/easyui.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/easyui/themes/icon.css" />

    <style type="text/css">
        .table th{font-weight:bold}
        .table th,.table td{padding:8px;line-height:20px}
        .table td{text-align:left}
        .table-border{border-top:1px solid #ddd}
        .table-border th,.table-border td{border-bottom:1px solid #ddd}
        .table-bordered{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;border-left:0}
        .table-bordered th,.table-bordered td{border-left:1px solid #ddd}
        .table-border.table-bordered{border-bottom:0}
        .table-striped tbody > tr:nth-child(odd) > td,.table-striped tbody > tr:nth-child(odd) > th{background-color:#f9f9f9}
    </style>

    <script type="text/javascript" src="${pageContext.request.contextPath}/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src='${pageContext.request.contextPath}/easyui/js/validateExtends.js'> </script>
</head>
<body>

<div id="editDialog" style="padding: 20px;">

</div>

<!-- 修改密码窗口 -->
<div id="passwordDialog" style="padding: 20px">
    <form id="editPassword">
        <table cellpadding="8" >
            <tr>
                <td>原密码:</td>
                <td>
                    <input id="old_password" name="password" style ="width: 200px; height: 30px;" class="easyui-textbox" type="password"  data-options="required:true, missingMessage:'请输入原密码'" />
                </td>
            </tr>
            <tr>
                <td>新密码:</td>
                <td>
                    <input id="new_password" style="width: 200px; height: 30px;" class="easyui-textbox" type="password" validType="password" name="newPassword" data-options="required:true, missingMessage:'请输入新密码'" />
                </td>
            </tr>
            <tr>
                <td>新密码:</td>
                <td><input id="re_password" style="width: 200px; height: 30px;" class="easyui-textbox" type="password" validType="equals['#new_password']"  data-options="required:true, missingMessage:'再次输入密码'" /></td>
            </tr>
        </table>
    </form>
</div>
<script type="text/javascript">
    $("#passwordDialog").dialog({
        title: "修改密码",
        width: 500,
        height: 300,
        iconCls: "icon-add",
        modal: true,
        collapsible: false,
        minimizable: false,
        maximizable: false,
        draggable: true,
        closed: true,
        buttons: [
            {
                text:'提交',
                iconCls:'icon-user_add',
                handler:function(){
                    var validate = $("#editPassword").form("validate");
                    if(!validate){
                        $.messager.alert("消息提醒","请检查你输入的数据!","warning");
                        return;
                    } else{
                        $.ajax({
                            type: "post",
                            url: "/system/modify",
                            data: $("#editPassword").serialize(),
                            success: function(data){
                                if(data.success){
                                    $.messager.alert("消息提醒",data.message,"info")
                                    setTimeout(function(){
                                        top.location.href = "/system/logout";
                                    }, 1000);
                                }else{
                                    $.messager.alert("消息提醒",data.message,"error")
                                }
                            }
                        });
                    }
                }
            },
            {
                text:'重置',
                iconCls:'icon-reload',
                handler:function(){
                    //清空表单
                    $("#old_password").textbox('setValue', "");
                    $("#new_password").textbox('setValue', "");
                    $("#re_password").textbox('setValue', "");
                }
            }
        ],
    })

    //设置编辑学生窗口
    $("#editDialog").dialog({
        title: "修改密码",
        width: 500,
        height: 400,
        fit: false,
        modal: false,
        noheader: true,
        collapsible: false,
        minimizable: false,
        maximizable: false,
        draggable: true,
        closed: false,
        toolbar: [
            {
                text:'修改密码',
                plain: true,
                iconCls:'icon-password',
                handler:function(){
                    $("#passwordDialog").dialog("open");
                }
            }
        ],

    });

    setTimeout(function(){
        $("#passwordDialog").dialog("open");
    },1000);
</script>
</body>
</html>